vue-cli 关闭热更新操作
vue 手脚架在使用过程中，更改代码会自动更新页面，非常的方便，但是有些情况向关闭掉这热更新功能，我使用的是vue-admin-template模板来开发的，所以更改也是基于这个模板的。在build文件夹下有个webpack.dev.conf.js文件。然后添加一个配置项：inline: false 即可关闭热更新操作。补充知识： vue多页面热...
2024-01-10
vue-cli 去掉严格模式：
vue-cli 去掉严格模式：在根目录中找到 .eslintignore 文件，添加 严格模式需要监听的目录 src/* （页面改动才生效）vue-cli 去掉严格模式：在根目录中找到 .eslintignore 文件，添加 严格模式需要监听的目录 src/* ...
2024-01-10
vue-cli 运行打开浏览器
在配置好项目之后的package.json文件中，找到运行的script，其中“serve”中增加配置“ --open”"scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, 默认打开系统默认浏览器...
2024-01-10
Vue-cli 搭建环境
一、先安装nodevue是基于node的，所以先必须安装node（推荐安装8左右的）node下载地址（https://nodejs.org/zh-cn/）二、安装vue-cli1、先全局安装（由于国内镜像较慢建议使用淘宝镜像）先安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org再安装vue-clicnpm install -g vue-cli安装成功 告知可以使...
2024-01-10
详解vue-cli 脚手架 安装
一、 node安装1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）；2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上；二、 vue-cli 全局安装命令行执行 : npm inst...
2024-01-10vue-cli 首屏加载优化问题
使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码router/index.js 路由相关信息,该路由文件引入了多个 .vue组件import Personal from '@/components/page/Personal'import Message from '@/components/personnal/Message'imp...
2024-01-10
转载：vue-cli 脚手架 安装
声明：本文转载自https://www.cnblogs.com/loveyaxin/p/7094089.html一、 node安装 1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）；2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/注 ：安装 vue-cli 脚手架目前需要node...
2024-01-10
4 Vue条件渲染 v-if v-else
v-if v-else创建Vue对象的时候，传入了一些options：{}，{}其中包含了**el**属性（element的缩写），该属性决定了这个Vue对象挂载到了哪一个元素上，这里我们挂载到了id为app的元素上{}包含了data属性，该属性存储一些数据，这个数据可以我们直接定义，也可以请求服务器获得，可以在页面（必须在id为app...
2024-01-10
vue-cli 4.3 + iview 兼容IE9
vue-cli 4.3 + iview 兼容IE9安装bable依赖npm install babel-polyfill --savevue.config.js 中配置IE9 不兼容flex 写法，这里引入的iview 中很多样式都是flex 写的给flex-direction：row 中的子元素添加float:left，当高版本浏览器识别flex时，就会自动忽略 float 样式IE9 不兼容 transform 3D 写法 只支持-ms-transform写法（2D）IE9 upload ...
2024-01-10
vue vxe-table表格
原创2022-01-20 11:51·前端开发可以自定义选择引入的模块，减少项目的体积；多主题，多图标；表格种类繁多；扩展插件库；安装vxe-tablenpm install xe-utils vxe-table在main.js中引入vxe-tableimport Vue from "vue";im...
2024-01-10
@vue/cli 4.0.5脚手架搭建
利用上下班通勤的碎片时间，差不多前后2个多星期，看着B站的Vue教程，学着上手Vue并完成了一个注册+评论的小Demo，不得不说，Vue确实是前端开发者的利器，它可以让前端开发人员把更多的精力放在业务逻辑上，用数据管理页面，配合一些第三方库，如Bootstrap，MinUI等，让开发前端页面更加省心。安...
2024-01-10vue-cli 如何打包上线的方法示例
以vue创建的官方例子为例子，我们在开发环境的时候会 npm run dev ，生成而想要打包成一份很简单， 只需要 npm run build 这个命令这两种命令的配置文件在config的index.js 一种是build 一种是dev ，而我们想要在本地查看打包后的成果，需要在assetsPublicPath 改变它的路径， 具体为什么，可以看index.html引入的...
2024-01-10
@vue/cli 4.0.5 学习记录
1. Vue CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。Vue CLI 插件的名字以 @vue/cli-plugin- (内建插件) 或 vue-cli-plugin- (社区插件) 开头，非常容易使用，如@vue/cli-plugin-babel.安装vue-clinpm install -g @vue/cli# ORyarn global add @vue/cli你还可以用这个命令来检查其版本是否正确：vue --version如果...
2024-01-10
vue （vue-cli主要写构建工具的使用）
vue全家桶:vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成（这里建议使用Axios，尤大大推荐使用Axios，并且放弃了对其官方库vue-resource的维护，其有很多特性：拦截请求和响应、取消请求、转换json、客户端防御XSRF等）。vue-cli构建工具降低了webpack的使用难度，支持...
2024-01-10@vue/cli 4.5如何移除指定插件？
更新：最终结果是该插件有依赖关系，想要删除html插件，需要连续删除多个，下面列出config.plugins.delete('preload');config.plugins.delete('prefetch');config.plugins.delete('html');分割线---------------------------------------------------------...
2024-02-24
解决vue-cli输入命令vue ui没效果的问题
最近用vue-cli脚手架很顺口，特别是UI控制台，在这里，创建项目和搭建本地环境，连接服务端变得很容易，页面ui也是一流要怎么启动呢？在终端输入命令行vue ui，启动UI控制台，然后往浏览器输入终端报出的链接输入命令行vue ui，终端会报启动信息，这本来很正常。可是呢，今天不知道啥回事，输...
2024-01-10
【Vue】vue-cli 配置跨域代理不生效
proxyTable: {'/api':{target:'http://www.api.com/api',changeOrigin:true,pathRewrite:{'^/api':''}}},在config/index.js里配置里这个代理，页面发请求依然是请求到本地的。要怎么正确配置呢？发的请求代码如下this.$http.get('/api/menu/get_list').then(function(data){console.log(data)})这样子发的请求仍然是http://localhos...
2024-01-10
vue-cli学习笔记-vue-cli的安装
vue-cli是vue官方提供的脚手架工具，默认搭建好了一个项目的基本架子，我们在其基础上进行相应修改即可。github下载地址：链接全局安装vue-clicmd命令npm install -g @vue/cli查看版本/是否安装成功 vue -V初始化Vue项目vue create vue-demo按键盘上下键可以选择默认（default）还是手动（Manually），如果选择d...
2024-01-10
vue-cli3升级到vue/cli4后，刷新页面特别慢
项目是基于vue-cli3创建的，时间比较久了，稍微修改一点内容，编译就需要花特别长时间，项目升级到vue/cli4试试，项目移植完成后，问题的确解决了，修改一点东西后，编译速度很快。但是又有另外的问题了：刷新页面的时候发现加载速度特别特别慢，估计要10s多才能加载完成，然后f12看了一下请求...
2024-01-10
解决vue-cli 打包后自定义动画未执行的问题
在vue项目中，想实现无缝向上滚动的自定义动画效果webpack 打包后动画未执行，就是你npm run build生成的dist中动画未生效@-webkit-keyframes move { 0%{ top:0; } 100% { top:-500px; } } 解决方法：在vue项目中找到build文件夹下的vue-loader.conf.js，将extract：isProduction 改为extract：false自定义动画就会生效了...
2024-01-10
vue cli4打包完很多没用到的chunk文件
vue cli4打包完很多chunk文件，刚进到首页，就加载了一堆暂时用不到的文件，怎么可以让chunk文件按需加载（我路由按需加载了）回答因为懒加载，所以被打包成很多 chunk；可以去配置 chunk name, 就可以看出加载了哪些 chunk 了。...
2024-01-10
vue接入萤石云视频 - 小玲-ling
vue接入萤石云视频 在萤石云开放平台注册开发者账号，网址：https://open.ys7.com/guide.html 在“开发者服务”-->“我的设备”里添加已有设备或者申请一个试用设备 然后点击“我的应用”里获取这个AppKey 和Secret供开发使用 萤石云api文档...
2024-01-10
VUE : vue-cli中去掉路由中的井号#操作
vue-cli项目中，如果想去掉url地址栏中的“#”我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。只需要在路由表中，加入一行代码即可。补充知识：vue 打包部署去掉#注意事项示例基于vue cli2.0脚手架生成的项目1.vue项目中config文件下index.js中打...
2024-01-10
vue中v-html为毛不解析img标签嘞
vue的v-html解析不了后台传过来的富文本数据，带标签的那种回答因为你的<和img之间有个空格呢；错误：< img正确: <img...
2024-01-10
@vue/cli 4.5.11 打包越来越慢怎么办?
随着项目的变大,发现每次 运行npm run dev就要花好几分钟时间,实在是太慢了.有没有 大佬 有分析思路可以分享一下,本人 webpack 小白?package.json "dev": "vue-cli-service serve"回答：可以自己查一下webpack优化的文章，对比一下自己的配置，这里写几点建议speed-measure-webpack-plugin看看到底哪里比较耗时开...
2024-03-01
